<template lang="html">
	<div>
		<div class="head">
			<h3>登录
				<span>
					<router-link to="register">注册</router-link>
				</span>
				<router-link to="mine">
					<img src="../assets/return.png"/>
				</router-link>	
			</h3>
			<h4>账号密码登录</h4>
		</div>
		<div class="login">
			<img src="../assets/logo.png" />
			<div class="input">
				<input type="text" placeholder="请输入手机号/用户名" id="username" />
				<input type="text" placeholder="请输入密码" id="pwd" />
				<p>点击登录</p>
				<img src="../assets/rw.png" id="img1" />
				<img src="../assets/suo.png" id="img2" />
			</div>
		</div>
	</div>
</template>
<script>
	export default {

//	var v1 = document.querySelector("#username").value;
//		if (v1 == "") {
//			alert('手机号不能为空');
//			return false;
//		}
//		var reg = /^1[3578]\d{9}$/;
//		if (reg.test(v1) == false ) {
//			alert("电话为13或15或17或18开头的11位数字");
//			alert("手机格式错误");
//			return false;
//		}
//		
//		var v2 = document.querySelector("#yan").value;
//		if (v2 == "") {
//			alert("密码不能为空");
//			return false;
//		}
//		var m = document.getElementsByTagName("i")[0].innerHTML.toUpperCase();
//		if (v2.toUpperCase()!=m) {
//			alert("验证码输入有误");
//			return false;
//		}else {
//			alert("可成功登录");
//		}

	}
	
	
	
	
</script>
<style lang="css">
	.head {
		height: 4.5rem;
	}
	
	.head h3 {
		text-align: center;
		line-height: 2.5rem;
		height: 2.5rem;
		color: #ffc000;
		font-size: 0.7rem;
		font-weight: normal;
		border-bottom: 0.05rem solid #cacaca;
		position: relative;
	}
	
	.head h3 span {
		font-size: 0.3rem;
		font-weight: normal;
		position: absolute;
		top: 0;
		right: 0.5rem;
	}
	.head h3 img{
		width:0.5rem;
		height:0.8rem;
		/*padding-left: 1.5rem;*/
		position: absolute;
		top:0.9rem;
		left:1rem;
	}
	.head h3 a{
		color: #ffc000;
		
	}
	.head h4 {
		text-align: center;
		color: #ffc000;
		font-size: 0.7rem;
		font-weight: normal;
		border-bottom: 0.05rem solid #ffc000;
		height: 2rem;
		line-height: 2rem;
	}
	
	.login {
		position: relative;
		/*background: pink;*/
	}
	
	.login img {
		width: 7rem;
		height: 3.6rem;
		padding: 1rem 0 1rem 4.3rem;
	}
	
	.login input[type=text] {
		width: 13.5rem;
		height: 2.5rem;
		border-radius: 0.3rem;
		margin: 0.2rem 0 0.7rem 1.1rem;
		text-indent: 2rem;
		border: 0.03125rem solid #CACACA;
	}
	
	.login #img1 {
		width: 1.1rem;
		height: 1.3rem;
		position: absolute;
		top: 5.7rem;
		right: 13.3rem;
	}
	
	.login #img2 {
		width: 1rem;
		height: 1.5rem;
		position: absolute;
		top: 9.1rem;
		right: 13.3rem;
	}
	
	.login p {
		text-align: center;
		width: 14.05rem;
		height: 2rem;
		line-height: 2rem;
		background: #ffc000;
		border-radius: 0.25rem;
		color: #424643;
		font-size: 0.8rem;
		margin: 1rem 0 0 1rem;
	}
</style>